

.intelight-product {
  width: 100%;
  font-family: Barlow;
  
  
}
.intelight-mainsection {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  position: relative;
}
.intelight-mainphotobackground {
  width: 100%;
  border-radius: 0px 0px 24px 24px;
}
.intelight-logo {
  width: 20%;
  z-index: 9;
  position: absolute;
  left: 3%;
}
.intelight-mainphoto {
  width: 50%;
  position: absolute;
  z-index: 9;
  top: 15%;
  left: 48%;
}
.intelight-productname {
  color: #ffffff;
  position: absolute;
  top: 52%;
  left: 3%;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.1;
}
.intelight-producttype {
  color: #ffffff;
  position: absolute;
  top: 76%;
  left: 3%;
  font-size: 1.8vw;
}
.intelight-decor {
  color: #9cd320;
  position: absolute;
  top: 47%;
  left: 6%;
  font-weight: 600;
  font-size: 4.2vw;
}
.intelight-descriptionsection {
  margin-bottom: 0vw;
  margin-top: 3vw;
}
.intelight-descriptionproductname {
  text-align: center;
  font-weight: 600;
  font-size: 3vw;
}
.intelight-description {
  text-align: center;
  font-weight: 400;
  font-size: 1.3vw;
  color: #444444;
  width: 70%;
  margin: auto;
}
.intelight-productfeatures {
  display: flex;
  justify-content: center;
  width: 96%;
  margin: auto;
  margin-bottom: 2vw;
  background: #f4f4f4;
  padding: 2vw;
  border-radius: 24px;
}
.intelight-productfeature {
  width: 23%;
  padding-left: 2vw;

  
}
.intelight-featureicon {
  width: 40%;
  margin-bottom: 1vw;
}
.intelight-featureicon2 {
  width: 75%;
  margin-bottom: 1vw;
}
.intelight-featuredescription {
  font-size: 1.2vw;

}
.intelight-popover {
  background: #f4f4f4;
  border-radius: 24px;
}
.intelight-popoverarea {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  text-align: center;
  position: relative;
}
.intelight-popoverphoto {
  width: 70%;
  
}
.intelight-popovertitle {
  text-align: center;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-popovertitle2 {
  text-align: center;
  font-weight: 500;
  font-size: 1.2vw;
  color: #444444;
  padding-bottom: 2vw;
}


.intelight-popover {
  padding-bottom: 3vw;
  
 
}
.intelight-popover-title {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 50px;
    padding-left: 90px;
    position: relative;
}

.intelight-popover-title:before {
    content: '';
    width: 60px;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
}

.intelight-popover-area {
    position: relative;
}

.intelight-marker {
    width: 48px;
    height: 48px;
    background: linear-gradient(130deg, rgba(156,211,32,1) 0%, rgba(156,211,32,1) 50%, rgba(76,108,154,1) 100%);
    border-radius: 64px;
    border: 3px solid #fff;
    position: absolute;
    transform: translate(-50%,-50%);
    cursor: pointer;
    animation: intelight-pulse 1s infinite;
    z-index: 0;
}

.intelight-marker-inner {
    position: relative;
    width: 100%;
    height: 100%;
}

.intelight-marker-inner::before,
.intelight-marker-inner::after {
    content: '';
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.intelight-marker-inner::before {
    width: 24px;
    height: 4px;
}

.intelight-marker-inner::after {
    width: 4px;
    height: 24px;
}

.intelight-marker-text {
    position: absolute;
    background-color: #ffffff;
    padding: 20px;
    width: 300px;
    opacity: 0;
    transition: all ease-in-out .2s;
    left:-150px;
  
}

.intelight-marker-inner:hover .intelight-marker-text {
    opacity: 1;
    z-index: 9;
 
}

.intelight-marker-title {
    font-size: 20px;
    font-weight: 800;
    color: #000000;
  z-index: 9;
}

.intelight-marker-description {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    z-index: 9;
}

.intelight-productparameterssection {
  width: 100%;
  display: flex;
  margin-top: 5vw;
}
.intelight-additionalphotobox {
  width: 40%;
  align-items: center;
}
.intelight-additionalphoto {
  width: 80%;
}
.intelight-productparameter1 {
  width: 100%;
  display: flex;
  background: #ebebeb;
  padding: 0.5vw;
  
}
.intelight-productparameter2 {
  width: 100%;
  display: flex;
  background: #ffffff;
  padding: 0.5vw;
  
}
.intelight-productparameters {
  width: 60%;
  justify-content: center;
  display: flex;
  flex-direction: column;
  font-size: 1vw;
}
.intelight-parametervalue {
 width: 60%;
}
.intelight-parametername {
  width: 40%;
}
.intelight-productmounting {
  margin-top: 5vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #ffffff ;
  border-radius: 24px;
  
}
.intelight-productmountingheader {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-productmountingdescription {
  text-align: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #444444;
  margin-top: 0.5vw;
  width: 70%;
  margin:auto;
  margin-bottom: 2vw;
}
.intelight-productmountingphotosrow {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 1.5vw;
}
.intelight-productmountingphotobox {
  width: 90%;
}
.intelight-productmountingphoto {
  width: 100%;
}
.intelight-productvideosection {
  margin-top: 3vw;
  padding-bottom: 5vw;
}
.intelight-productvideoheader {
  text-align: center;
  font-size: 2vw;
  color: #000000;
  font-weight: 600;
}
.intelight-productvideodescription {
    text-align: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #444444;
}
.intelight-yt {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  aspect-ratio: 16 / 9 ;
  margin-top: 3vw;
  border-radius: 24px;
}
.intelight-productdimensionsheader {
    text-align: center;
  color: #000000;
  font-weight: 500;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-productdimensionsrow {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productdimension {
  width: 80% ;
}
.intelight-productdimensionphoto {
  width: 100%;
}
.intelight-productcolors {
  margin-top: 1vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #ffffff ;
  border-radius: 24px;
  padding-bottom: 2vw;
  
}
.intelight-productcolorsheader {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
}
.intelight-productcolorsdescription {
  text-align: center;
  font-weight: 400;
  font-size: 1.2vw;
  color: #444444;
  margin-top: 0.5vw;
  width: 70%;
  margin:auto;
  margin-bottom: 2vw;
}
.intelight-productcolorsrow {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productcolorbox {
  width: 70%;
}
.intelight-productcolorbox5 {
  width: 80%;
}
.intelight-productcolor {
  width: 100%;
}
.intelight-productcolor2 {
  width: 100%;
}  
  .intelight-productcolorsiconrow {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .intelight-productcolorsicon {
    width: 10%;
    text-align: center;
  }  

  .intelight-productbuttonrow {
    display: flex;
    justify-content: center;
    margin-top: 2vw;
  }
  .intelight-productbutton {
    color: #ffffff;
    background: #435bb2;
    padding: 0.8vw;
    border-radius: 12px;
    font-size: 1.5vw;
  }
  .intelight-productaccessories {
    background: #f4f4f4;
    border-radius: 24px;
  }
.intelight-productaccessoriesheader {
    text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 2vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.intelight-productaccessoriesrow {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 5vw;
}
.intelight-productaccessoriesrow2 {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productaccessorybox {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.intelight-productaccessorybox2 {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
}
.intelight-productaccessorybox3 {
  width: 33.33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #bcbcbc;
}
  


.intelight-productaccessoryphoto {
  width: 100%;
}
.intelight-productaccessoryphoto2 {
  width: 60%;

}
.intelight-productaccessoryname {
  text-align: center;
  font-size: 1.2vw;
  padding-top: 1vw;
}
.intelight-productapplications {
  margin-top: 5vw;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  background: #f4f4f4 ;
  border-radius: 24px;
  
}
.intelight-productapplicationsheader {
  text-align: center;
  color: #000000;
  font-weight: 500;
  font-size: 2vw;
  padding-top: 2vw;
}

.intelight-productapplicationsrow {
  width: 100%;
  display:flex;
  justify-content: center;
}
.intelight-productapplicationbox {
  width: 25%;
}
.intelight-productapplicationphoto {
  width: 100%;
}
.intelight-productfooter {
  width:100%;
  background: #000000;
  border-radius: 24px;
  padding-top: 2vw;
  padding-bottom: 2vw;
}
.intelight-productfooterrow {
  width: 100%;
  display: flex;
  justify-content: center;
}
.intelight-productfooterlogobox {
  width: 45%;
  padding-right: 2vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.intelight-productfooterlogo {
  width: 50%;

}
.intelight-productfootertext {
  width: 55%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #ffffff;
  padding-left: 3vw;
}
.intelight-productfooterheader {
  font-weight: 600;
  font-size: 1.5vw;
  line-height: 1.5vw;
  padding-bottom: 0.5vw;
}
.intelight-productfooterdescription {
  font-size: 1vw;
}

@keyframes intelight-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
    }
    100% {
        box-shadow: 0 0 0 32px rgba(255, 255, 255, 0), 0 1px 1px 32px rgba(0, 0, 0, 0);
    }
}


 @media screen and (min-width: 1200px) {
   .intelight-productname {
font-size: 4em;
}
.intelight-producttype {
font-size: 2em;
}
.intelight-decor {
font-size: 7vw;
}
.intelight-descriptionproductname {
font-size: 4.5em;
}
.intelight-description {
font-size: 2em
}
.intelight-featuredescription {
font-size: 1.5em;
}
.intelight-popovertitle {
  font-size: 3vw;
}
.intelight-popovertitle2 {
  font-size: 2vw;
}
.intelight-productparameters {
  font-size: 2vw;
}
.intelight-productmountingheader {
  font-size: 3em;
}
.intelight-productmountingdescription {
  font-size: 2vw;
}
.intelight-productvideoheader {
  font-size: 3em;
}
.intelight-productvideodescription {
  font-size: 2em;
}
.intelight-productdimensionsheader {
  font-size: 3vw;
}
.intelight-productcolorsheader {
   font-size: 3vw;
}
.intelight-productcolorsdescription {
  font-size: 2vw;
}
.intelight-productaccessoriesheader {
  font-size: 3em;
}
.intelight-productaccessoryname {
  font-size: 2vw;
}
.intelight-productapplicationsheader {
  font-size: 3vw;
}
.intelight-productfooterheader {
  font-size: 2em;
}
.intelight-productfooterdescription {
  font-size: 1.5em;
}

 }  
 @media screen and (max-width: 786px) {
   .intelight-productname {
font-size: 5vw;
}
.intelight-producttype {
font-size: 2.2vw;
}
.intelight-decor {
font-size: 7vw;
}
.intelight-descriptionproductname {
font-size: 4.5vw;
}
.intelight-description {
font-size: 2vw
}
.intelight-featuredescription {
font-size: 2vw;
}
.intelight-popovertitle {
  font-size: 3vw;
}
.intelight-popovertitle2 {
  font-size: 2vw;
}
.intelight-productparameters {
  font-size: 2vw;
}
.intelight-productmountingheader {
  font-size: 3vw;
}
.intelight-productmountingdescription {
  font-size: 2vw;
}
.intelight-productvideoheader {
  font-size: 3vw;
}
.intelight-productvideodescription {
  font-size: 2vw;
}
.intelight-productdimensionsheader {
  font-size: 3vw;
}
.intelight-productcolorsheader {
   font-size: 3vw;
}
.intelight-productcolorsdescription {
  font-size: 2vw;
}
.intelight-productaccessoriesheader {
  font-size: 3vw;
}
.intelight-productaccessoryname {
  font-size: 2vw;
}
.intelight-productapplicationsheader {
  font-size: 3vw;
}
.intelight-productfooterheader {
  font-size: 2vw;
}
.intelight-productfooterdescription {
  font-size: 1.5vw;
}
.intelight-productmountingphotobox {
  width: 100%;
   }   
 } 
   
